@charset "UTF-8";
*{margin:0;padding:0;box-sizing: border-box;}
body{font-size: .16rem;font-family: "微软雅黑"}
.container{width: 7.5rem;}


/*顶部 结束*/
/*banner 开始*/
.container a{
    color:#999;
}
.banner .bann img{
    width:7.5rem;
    height:4.37rem;
}
.banner .text h6{
    font-size:.24rem;
    width:6.06rem;
    margin-left:.15rem;
    margin-top:.1rem;
    float:left;
}
.banner .text .ji{
    float:left;
    position: relative;
    margin-left:.1rem;
}
.banner .text .ji .xian{
    display:inline-block;
    height:.9rem;
    width:.02rem;
    background-color:#333;
}
.banner .text .ji .iconfont{
    position:absolute;
    top:.1rem;
    left:.2rem;
    font-size:.7rem;
    display:inline-block;
    margin-top: :.3rem;
}
.banner .money {
    font-size:.32rem;
    margin-left:.15rem;
}
.banner .money a{
    color:#0eb852;
    font-size:.36rem;
}
.banner .money span{
    color:#999;
}
.banner .money .mai{
    margin:0 .50rem 0 .3rem;
}
.banner .classical{
    height:.76rem;
    line-height:.76rem;
    padding-left:.15rem;
    border-top:1px solid #dedfe0;
    border-bottom:1px solid #dedfe0;
    margin-top:.1rem;
}
.banner .classical>a{
    display:inline-block;
    font-size:.34rem;
    color:#333;
    margin-right:.35rem;
    vertical-align:top;
}
.banner .station{
    line-height:.75rem;
}
.banner .station ul{
    font-size:0;
}
.banner .station li{
     display:inline-block;
      margin-right:.0rem;
       width:25%;
       text-align: center;
}
.banner .station .l1{
    margin-right:0rem;
}
.banner .station li a{
    font-size:.3rem;
}
.banner .station li img{
    margin-right:.06rem;
    width:.18rem;
    height:.18rem
}
.banner .design{
    padding-left:.15rem;
}
.banner .manifesto{
    position: relative;
    border-bottom:1px solid #dedfe0;
    border-top:1px solid #dedfe0;
    line-height:.7rem;
}
.banner .manifesto span{
    font-size:.4rem;
    color:#0eb852;
    position:absolute;
    top:0;
    left:.07rem;
}
.banner .manifesto h3{
    font-size:.26rem;
    color:#333;
    text-indent:.5rem;
}
.banner .reading{
    position:relative;
    padding-left:.15rem;
}
.banner .reading img{
    width:.45rem;
    height:.45rem;
    position: absolute;
    top:.16rem;
    left:.1rem;
}
.banner .reading h4{
    font-size:.32rem;
    color:#333;
    line-height:.8rem;
    text-indent:.4rem;
}
.banner .reading p{
    color:#777;
    font-size:.24rem;
    text-indent:.3rem;
}
.banner .cart,.banner .collect{
    width:3.74rem;
    background-color:#0eb852;
    height:1rem;
    font-size:.34rem;
    color:#fff;
    text-align: center;
    line-height:1rem;
   float:left;
    vertical-align:top;
    margin-top:.4rem;
    margin-bottom:.1rem;
}
.banner .cart a,.banner .collect a{
    color:#fff;
}
.banner .cart span,.banner .collect span{
    font-size:.4rem;
    color:#fff;
}
.banner .collect{
    background-color:#ff6f06;

}
/*banner 结束*/
/*底部  开始*/
footer ul{
    font-size: 0;
    margin-top: .1rem;}
footer li{
    width: 16.5%;
    height: 1.2rem;
    display: inline-block;
    text-align: center;
    font-size:.16rem;
}

footer .footer-icon{
    width: .8rem;height: .8rem;
    background: #bbbbbb;
    border-radius: 50%;
    padding-top: .1rem;
    margin-left: .18rem;
    color: white;
    font-size:.5rem;
    text-align:center;
}
footer ul li>p>a{
    font-size: .28rem;
   /*font-weight:bold;*/
    color:#6e5a5a;
    text-align: center;
}
footer li:nth-child(4) .footer-icon,
footer li:nth-child(5) .footer-icon,
footer li:nth-child(6) .footer-icon{
    margin:0 auto;}

footer ul .l1{
    background-color:#0eb852;
}
footer ul li:hover .footer-icon{
    background-color:#0eb852;
}
/*底部结束*/